/* =========================初始化 css 开始======================== */
	@import "base.less";
/* =========================初始化 css 结束======================== */


/* ======================导航栏样式开始================= */
	/* @import "global.less"; */
/* ======================导航栏样式结束================= */
/* ==========================首页样式开始================= */
	.swiper-container {
		margin-top:70px;
	    width: 100%;
	    /* 高度不定义，让内容撑开，可以在不同宽度的屏幕下，显示不同高度 */
	} 
	main{
		h3{
			font:900 56px/60px "Microsoft Yahei";
			text-align:center;
		}
		a>img{
			display: block;
			width:100px;
			margin:0 auto;
			// cursor:pointer;
		}
		#vrDev{
			width:100%;
			height:760px;
			background: url(../images/vr_dev_bg.png) no-repeat center;
			position:relative;
			>div{
				width:970px;
				position:absolute;
				left:50%;
				top:0;
				transform:translateX(-50%);			
			}
			.vrDev_top{
				margin:75px 0 50px;			
				span{
					display:inline-block;
					font:16px/30px "Microsoft Yahei";
					text-indent:10px;
					padding:0 130px 0 30px;
					&:nth-of-type(1){
						background:url(../images/interaction.png)  no-repeat left center;
						background-size:30px 30px;
					}
					&:nth-of-type(2){
						background:url(../images/course.png)  no-repeat left center;
						background-size:30px 30px;
					}
					&:nth-of-type(3){
						background:url(../images/textbook.png)  no-repeat left center;
						background-size:30px 30px;
					}
					&:nth-of-type(4){
						background:url(../images/case.png)  no-repeat left center;
						background-size:30px 30px;
						padding-right:0;
					}
				}
			}
			.vrDev_center{
				margin:175px 0 30px;
				p{
					font:18px/25px "Microsoft Yahei";
					margin:25px 0;
					color:#9C9C9D;
					text-indent:2em;
				}
				
			}
			.vrDev_bottom{
				text-align:center;
				margin-top:400px;
				z-index:2;
			}
		}
		#vrCon{
			width:100%;
			height:730px;
			background: #EFEFEF url(../images/vr_con_bg.png) center bottom;
			// padding:120px 0 0 0;
			position:relative;
			>div{
				width:960px;
				position:absolute;
				left:50%;
				top:0;
				transform:translate(-50%,120px);	
				p{
					font:18px/25px "Microsoft Yahei";
					margin:25px 0;
					color:#9C9C9D;
					text-indent:2em;
				}	
			}	
		}
		#vrLAB{
			width:100%; /* 不设置高度，跟随背景图片的高度 */
			background:url(../images/vr_LAB_bg.png) no-repeat;
			background-size:100% auto;
			position:relative;
			&::after{/* 为了让背景图片撑开#vrLAB */
				content:"";
				display:block;
				padding:17%;
			}
			>div{
				width:960px;
				position:absolute;
				left:50%;
				top:0;
				transform:translate(-50%,120px);
				h3{
					color:white;
				}
				p{
					font:18px/25px "Microsoft Yahei";
					margin:50px 0 65px 0;
					color:#fff;
					text-indent:2em;
				}	
			}
		}
		#vrTraining{
			width:100%;
			height:810px;
			background:url(../images/vr_dev_bg.png) no-repeat center 100px,url(../images/classroom.png) no-repeat center 250px;
			position:relative;
			>div{
				width:960px;
				position:absolute;
				left:50%;
				top:0;
				transform:translate(-50%,100px);
				z-index:10;
				h3{
					color:#363636;
				}
				p{
					font:18px/25px "Microsoft Yahei";
					margin:50px 0 470px 0;
					color:#888;
					text-indent:2em;
				}
			}
		}
		#vrShow{
			width:100%; /* 不设置高度，跟随背景图片的高度 */
			background:url(../images/vr_show_bg.png) no-repeat;
			background-size:100% auto;
			position:relative;
			&::after{/* 为了让背景图片撑开#vrLAB */
				content:"";
				display:block;
				padding:17%;
			}
			>div{
				width:960px;
				position:absolute;
				left:50%;
				top:0;
				transform:translate(-50%,120px);
				h3{
					color:white;
				}
				p{
					font:18px/25px "Microsoft Yahei";
					margin:50px 0 65px 0;
					color:#fff;
					text-indent:2em;
				}	
			}
		}
	}
/* ==========================首页样式结束================= */